<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		body{
			width: 600px;
			height: 500px;
			border: 1px solid red;
		}
	</style>
	<script>
		window.onload=function(){

		}
	</script>
	</head>
	<body>
		<section>
			
			<!-- 图片区域 -->
			<article>
				<!-- 分离的图片 -->
				<p></p>
				<!-- 原始图片  -->
				<div class=""><img src="timg.jpg" /></div>
			</article>

			<!-- 滑块区域 -->
			<div class="check">
				<p class="huakuai"></p>
				<div class="guidao"></div>
			</div>
		</section>
	</body>
</html>